@charset "UTF-8";
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar{
  width: 5px;
  height: 5px;
  background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb{
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
  /*滚动条的颜色*/
  background-color: #00BFFF;
}





html,body{
  width: 100%;
  height: 100%;
}
*{
  padding: 0;
  margin: 0;
}
.main_page{
  display: flex;
  width:100%;
  height:100%;
  flex-direction:column;
}

/*-----------------------上--------------------  */
.main_page_top{
  height:5%;
  min-height: 48px;
  background: #0a8eff;
  display: flex;
}
.main_page_top_left{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height:100%;
  width:14.8%;
  min-width: 248px;
  background: #222c46;
}
.main_page_top_center{
  height:100%;
  flex-grow:1;
  background: #2e3750;
}
.main_page_top_center_title{
  background: #2e3750;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}



.main_page_top_right{
  height:100%;
  width:18%;
  min-width:250px;
  background: #222c46;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/*---------------------中----------------------  */
.main_page_center{
  flex-grow:1;
  display: flex;
  overflow:auto;
}

.main_page_center_left{
  height:100%;
  width:15%;
  min-width:250px;
  background: #e4e4d3;
  overflow:auto;


}

.module_panel{
  height:100%;
  width:100%;
  min-width:100%;
  display: flex;
  flex-wrap: wrap;
}
.module_panel .module_img_d{
  width: 50px;
  margin: 2px;


}
.module_panel .moduleStage_img_d{
  width: 45%;
  margin: 2px;


}
.module_panel .module_img_d .module_img{
  width:70%;
}

/* 给头部装饰图片添加边框，以方便选择和拖动 */
.decoration .layui-colla-item:first-child .module_panel .module_img_d .module_img{
	width:70%;
	/* 图元组件外加边框 */
	border: 1px solid #E8E8E8;
	padding: 4px;
}

.decoration .layui-colla-item:nth-child(2) .module_panel .module_img_d .module_img{
	width:70%;
	/* 图元组件外加边框 */
	border: 1px solid #E8E8E8;
	padding: 4px;
}

.module_panel .moduleStage_img_d .moduleStage_img{
  width:90%;
}

.module_panel .module_img_d .module_img_text{
  font-size: 12px;
  margin-top: 10px;
  margin-bottom:20px;
}

.main_page_center_center{
  height:100%;
  flex-grow:1;
  background: #f3f3f2;
 display: flex;
/*  justify-content: center;
  align-items: center;*/
  overflow:auto;
}
.main_page_center_right{
  height:100%;
  width:18%;
  min-width:250px;
  background: #e4e4d3;
  overflow:auto;
}

/*---------------------下----------------------  */

.main_page_botton{
  height:5%;
  min-height:48px;
  background: #d0d0cc;
  display: flex;
  align-items: center;

}
/*右键菜单*/
#menu {
  display: none;
  position: absolute;
  width: 100px;
  background-color: white;
  box-shadow: 0 0 5px grey;
  border-radius: 3px;
  top: 0px;
}

#menu button {
  width: 100%;
  background-color: white;
  border: none;
  margin: 0;
  padding: 5px;
}

#menu button:hover {
  background-color: lightgray;
}
/*-------  快捷键  -----------*/
.pc_Shortcut {
  position: fixed;
	right:0;
  /*left: 1px;
  top: 349px;*/
  /* margin-bottom: 50px; */
  width: 300px;
  height: 630px;
  background-color: #fff;
  box-shadow: 3px 2px 20px rgb(49 48 48 / 32%);
  overflow: hidden;
  z-index: 999999;
  border-right: 1px solid #4a5053;
  display: none;
}
.pc_Shortcut_head {
  position: relative;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  background-color: #4a5053;
}
.pc_Shortcut_con {
  position: relative;
  width: 100%;
  height: 600px;
  overflow: hidden;
  overflow-y: auto;
  overflow-x: auto;
}

.pc_Shortcut_tab {
  position: relative;
  width: 100%;
  display: table;
}

.pc_Shortcut_row {
  display: table-row;
}
.pc_Shortcut_td {
  display: table-cell;
  min-width: 100px;
  height: 30px;
  width: 50%;
  line-height: 30px;
  border-bottom: 1px solid #f3f3f3;
  text-align: center;
}

.pc_Shortcut_down {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  font-size: 18px;
}

element.style {
}
a:hover {
  text-decoration: none;
}
a:active, a:hover {
  outline: 0;
}
/*-------  快捷键 end  -----------*/

/*-------  右键菜单图标 start  -----------*/
span.iconLock {
  background: url(../config/icon/rightContentMenu/lock.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconUnLock {
  background: url(../config/icon/rightContentMenu/unLock.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconUp {
  background: url(../config/icon/rightContentMenu/up.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconDown {
  background: url(../config/icon/rightContentMenu/down.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconTop {
  background: url(../config/icon/rightContentMenu/top.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconBotton {
  background: url(../config/icon/rightContentMenu/botton.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconLeftAlign {
  background: url(../config/icon/rightContentMenu/leftAlign.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconRightAlign {
  background: url(../config/icon/rightContentMenu/rightAlign.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconUpAlign {
  background: url(../config/icon/rightContentMenu/upAlign.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconDownAlign {
  background: url(../config/icon/rightContentMenu/downAlign.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconHorizontalCenter {
  background: url(../config/icon/rightContentMenu/horizontalCenter.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconVerticalCenter {
  background: url(../config/icon/rightContentMenu/verticalCenter.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconDelete {
  background: url(../config/icon/rightContentMenu/delete.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconCancel {
  background: url(../config/icon/rightContentMenu/cancel.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconRecover {
  background: url(../config/icon/rightContentMenu/recover.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconCopy {
  background: url(../config/icon/rightContentMenu/copy.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconNormal {
  background: url(../config/icon/rightContentMenu/normal.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconZoomin {
  background: url(../config/icon/rightContentMenu/zoomin.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconZoomout {
  background: url(../config/icon/rightContentMenu/zoomout.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}

span.iconRefresh {
  background: url(../config/icon/rightContentMenu/refresh.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
/*-------  右键菜单图标 end  -----------*/


/* 属性悬停提示 start*/
.top_byzttip{position:absolute;
  padding:0px 14px;
  height:35px;
  line-height:35px;
  background:#2DCB70;
  color:#fff;
  font-size:16px;
  font-weight:normal;
  text-transform:none;
  margin:0 auto;
  display:none;
  border-radius:3px}
.bottom_byzttip{position:absolute;
  padding:0px 14px;
  height:35px;
  line-height:35px;
  background:#2DCB70;
  color:#fff;
  font-size:16px;
  font-weight:normal;
  text-transform:none;
  margin:0 auto;
  display:none;
  border-radius:3px}

.top_byzttip em{font-style:normal;}
.bottom_byzttip em{font-style:normal;}

.top_byzttip span{position:absolute;
  width:0;
  height:0;
  overflow:hidden;
  border:7px solid transparent;
  border-top-color:#2DCB70;
  left:50%;
  margin-left:-3px;
  bottom:-7px;
  border-bottom: 0px;
}
.bottom_byzttip span{position:absolute;
  width:0;
  height:0;
  overflow:hidden;
  border:7px solid transparent;
  border-bottom-color:#2DCB70;
  left:50%;
  margin-left:-3px;
  top:-7px;
  border-top: 0px;
}
/* 属性悬停提示 end*/